<template>
	<view>
		<page-head headTitle="发表评价" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<view class="m-t9 m-b12">
			<view class="p-t-b4 p-l-r3">
				<view class="flex align-center">
					<image src="/static/images/picture.png" class="publish-pic m-r1"></image>
					<text>雷师傅</text>
				</view>
				<view class="flex align-center p-t6 p-b6">
					<text class="fs-2 input-goods satisfied m-r1">满意度</text>
					<uni-rate value="0" color="#ececec" size="28"></uni-rate>
				</view>
				<view>
					<textarea class="width p-l3 p-t-3 p-b2 publish-textarea" placeholder-class="fs-24" placeholder="您觉得TA怎么样？给别的驴友一个参考吧..."></textarea>
				</view>
				<image class="publish-addpic m-t6" src="/static/images/add.png"></image>
			</view>
			<border></border>
			<view class="p-t-b4 p-l-r3">
				<view class="flex align-center">
					<image src="/static/images/picture.png" class="publish-pic m-r1"></image>
					<text>雷师傅</text>
				</view>
				<view class="flex align-center p-t6 p-b6">
					<text class="fs-2 input-goods satisfied m-r1">满意度</text>
					<uni-rate value="0" color="#ececec" size="22"></uni-rate>
				</view>
				<view>
					<textarea class="width p-l3 p-t-3 p-b2 publish-textarea" placeholder-class="fs-24" placeholder="您觉得TA怎么样？给别的驴友一个参考吧..."></textarea>
				</view>
				<image @click="uploadImage" class="publish-addpic m-t6" src="/static/images/add.png"></image>
			</view>
		</view>
		<view class="fixed fixed-bottom">
			<bright-button title="提交"></bright-button>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
import uniRate from '@/components/uni-ui/uni-rate/uni-rate.vue'
import border from '@/components/common/border.vue'
import brightButton from '@/components/common/bright-button.vue'
	export default {
		components:{
			pageHead,
			uniRate,
			border,
			brightButton
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			},
			uploadImage(){
				uni.chooseImage({
				    count: 1, //默认9
				    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				    sourceType: ['album','camera'], //从相册选择
				    success: function (res) {
				        console.log(JSON.stringify(res.tempFilePaths));
				    }
				});
			}
		}
	}
</script>

<style>
page{background-color: #FFFFFF;}
.publish-pic{width: 90rpx;height: 90rpx;}
.satisfied{margin-top: -20rpx;}
.publish-textarea{background-color: #F3F3F3;}
.publish-addpic{width: 248rpx;height: 172rpx;}
</style>
